$(document).ready(function() {
    // 点击查询按钮时执行查询
    $('#searchButton').click(function() {
        var queryDate = $('#queryDate').val(); // 获取输入框中的查询日期值

        // 向后端发送 AJAX 请求
        $.ajax({
            url: '/dq/query/log_server', // 后端数据接口 URL
            method: 'GET', // 使用 POST 方法
            dataType: 'json',
            data: {
                queryDate: queryDate // 将查询日期作为参数发送给后端
            },
            success: function(data) {
                // 清空表格数据
                $('#dataTable tbody').empty();

                // 将数据填充到表格中
                $.each(data, function(index, item) {
                    var row = '<tr>' +
                        '<td>' + item.server_name + '</td>' +
                        '<td>' + item.file_count + '</td>' +
                        '<td>' + item.line_count + '</td>' +
                        '<td>' + item.target_date + '</td>' +
                        '<td>' + item.run_date + '</td>' +
                        '</tr>';
                    $('#dataTable tbody').append(row);
                });
            },
            error: function(xhr, status, error) {
                console.error('Failed to fetch data:', error);
            }
        });
    });
});
